<script setup lang="ts">
// This starter template is using Vue 3 <script setup> SFCs
// Check out https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup

import GHeader from "@/components/Header/Header.vue";
import CustomerHeader from "@/layout/header/index.vue";
import GMenu from "@/components/Menu/Menu.vue";
import Map from "./Map.vue";
import LeftPop from "@/components/LeftPop/LeftPop.vue";
</script>

<template>
  <el-container>
    <el-header>
      <CustomerHeader />
    </el-header>
    <el-container>
      <el-aside width="100px">
        <GMenu />
      </el-aside>
      <el-main>
        <LeftPop>
          <router-view></router-view>
        </LeftPop>
        <Map></Map>
      </el-main>
    </el-container>
  </el-container>
</template>

<style lang="less">
.el-header,
.el-footer {
  background-color: #0179cb;
  color: var(--el-text-color-primary);
  /* text-align: center; */
  line-height: 60px;
  padding: 0;
}

.el-container {
  height: 100%;
}

.el-aside {
  background-color: #fff;
  color: var(--el-text-color-primary);
  /* text-align: center; */
  /* line-height: 200px; */

  &::-webkit-scrollbar {
    width: 8px;
    height: 8px;
  }
  &::-webkit-scrollbar-thumb {
    /*滚动条里面小方块*/
    border-radius: 10px;
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    background-color: rgb(50, 126, 222);
  }
  &::-webkit-scrollbar-track {
    /*滚动条里面轨道*/
    border-radius: 10px;
    background-color: transparent;
  }
}

.el-main {
  background-color: #fff;
  color: var(--el-text-color-primary);
  /* text-align: center; */
  /* line-height: 160px; */
  position: relative;
  padding: 0;

  // overflow-y: hidden;
}

body > .el-container {
  margin-bottom: 40px;
}
body::-webkit-scrollbar {
  display: none;
}

body {
  -ms-overflow-style: none;
  height: 100%;
  /* width: calc(100vw + 18px); */
  overflow: auto;
  width: 100vw;
  // overflow-y: hidden;
}
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 10px;
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  background-color: rgb(50, 126, 222);
}
::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  border-radius: 10px;
  background-color: transparent;
}
</style>
